<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@include file="../../template/taglib.jsp" %>

<style type="text/css">

    #contents {
        min-height: 550px;
        background: lightsalmon;
    }

    .event {
        background-color: lightblue;
        padding: 30px 0;
    }

    .event ul{
        margin-left: 35px;
    }

    .event ul li {
        margin: 5px;
        width: 200px;
    }

    .titlebar{
        padding-left: 43px;
        height: 40px;
    }

</style>


<div id="contents" class="row">
    <div class="contentsHeader">
        <span class="log">Event</span>
        <span class="wel">&nbsp;&nbsp;&nbsp;SING에 오신 것을 환영합니다.</span>
    </div>

    <div class="event">
        <div class="titlebar">
            <span><a href="#">[진행중 이벤트]</a>
                <a href="#">[종료된 이벤트]</a>
            </span>
        </div>

        <ul class="inline">
            <li><div class="img1"><img src="images/cFirst.jpg"/></div></li>
            <li><div class="img2"><img src="images/cFirst.jpg"/></div></li>
            <li><div class="img3"><img src="images/cFirst.jpg"/></div></li>
            <li><div class="img4"><img src="images/cFirst.jpg"/></div></li>
            <li><div class="img5"><img src="images/cFirst.jpg"/></div></li>
            <li><div class="img6"><img src="images/cFirst.jpg"/></div></li>
            <li><div class="img7"><img src="images/cFirst.jpg"/></div></li>
            <li><div class="img8"><img src="images/cFirst.jpg"/></div></li>

        </ul>

        <p class="text-center"><a href="#">더보기</a></p>

    </div>
</div>